<!DOCTYPE html>
<html>

<head>
  <title>Yinvoker's resume</title>
  <link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
  <link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
  <meta name="author" content="Yinvoker">
  <meta name="viewport" content="width=device-width, initial-scale=1">
	<!---- start-smoth-scrolling---->
  <script type="text/javascript" src="./js/move-top.js"></script>
  <script src="./js/jquery.min.js"> </script>

  <meta name="referrer" content="never" />
  <!---- start-smoth-scrolling---->
</head>

<body>
  
  <!------headerbg starts--------->
  <div id="top-top" >

    <!------header starts--------->
    <div class="header">
      <!------container starts--------->
      <div class="container">
        <div class="logo">
          <a href="#">Yinvoker</a>
        </div>
        <!------Navigation starts--------->
        <div class="nav">
          <ul>
            <li>
              <a class="scroll" href="#about">about</a>
            </li>
            <li>
              <a class="scroll" href="#skills">skill</a>
            </li>
            <li>
              <a class="scroll" href="#port">projects</a>
            </li>
            <li>
              <a class="scroll" href="#contact">contact</a>
            </li>
          </ul>
        </div>
        <!------Navigation ends-------->
        <div class="clear"></div>
      </div>
      <!------container ends--------->
    </div>
    <!------header ends--------->
    <!------Banner starts--------->
    <div class="banner">
      <div class="container">
        <div class="banner-info">
          <div class="bannerlogo">
            <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/diamond.png">
          </div>
          <div class="bannerhead">
            <h2>My name is	
              <span>Yin Zongwen</span>
            </h2>
            <h3>21 years old</h3>
            <p>I am a junior in software engineering, currently studying in Hunan University.I Love DOTA.</p>
          </div>
        </div>
        <div class="clear"></div>
      </div>
    </div>
    <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/banner.png" class="headerbg">
    <!------Banner ends-------->
  </div>
  <!------Headerbg ends-------->
  <!------Content starts--------->
  <div class="content">
    <!------About starts--------->
    <div id="about" class="about">
      <div class="container">
        <div class="header-section text-center">
          <h2>
            <span></span>About Me
            <span></span>
          </h2>
        </div>
        <span>
          <p>The following is my academic experience</p>
        </span>

        <div class="years">
          <h4>
            <b>2013~2016</b>
          </h4>
          <span>
            <h4>high school</h4>
          </span>
          <p>
            <i>
              Studying at the First Middle School of Tianshui City, Gansu Province.
              <br> Graduated with 10% of the outstanding results.
            </i>
          </p>
        </div>

        <div class="years">
          <h4>
            <b>2016~now</b>
          </h4>
          <span>
            <h4>University</h4>
          </span>
          <p>
            <i>
              Studying at the Hunan University.
              <br> Ccfcsp certification exam scored 6% of the national outstanding results
              <br> Second Prize of "Web Design Competition" of Hunan University Information Institute in 2019
              <br> "2018 Huazhong hackathon" Excellence Award
              <br> In 2017, Hunan University returned to visit the alma mater event "Excellent Leader"
              <br> In 2018, Hunan University returned to visit the alma mater event "Excellent Leader"
              <br> Now I am the vice chairman of the Student Union of Hunan University School of Science and Engineering.
              <br> Now I am the assistant to the Admissions Office of the Admissions and Employment Guidance Office of Hunan University.
            </i>
          </p>
        </div>
      </div>
    </div>
    <!------About Ends--------->

    <!------SKILLS Starts--------->
    <div id="skills" class="skills">
      <div class="container">
        <div class="skills-grids">
          <div class="skill-section text-center">
            <h2>
              <span></span>Skill Tree
              <span></span>
            </h2>
          </div>
          <div class="services_grids">
            <div id="canvas">
              <div class="skill-grids text-center">
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-1"></div>
                    <h3>MySql</h3>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-2"></div>
                    <h3>C++</h3>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-3"></div>
                    <h3>HTML</h3>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-4"></div>
                    <h3>CSS</h3>
                  </div>
                </div>
                
                <div class="clearfix"> </div>
              </div>
              <div class="skill-grids text-center">
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-5"></div>
                    <h3>JavaScript</h3>
                  </div>
                </div>
                <div class="col-md-3">
                  <div class="skill-grid">
                    <div class="circle" id="circles-6"></div>
                    <h3>JAVA</h3>
                  </div>
                </div>
                
                <div class="clearfix"> </div>
              </div>
            </div>
          </div>
          <!---->
          <script type="text/javascript" src="./js/circles.js"></script>
		  <script>
			var colors = [
			  ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A'], ['#181115', '#30222A']
			];
			var numbers = [
			  6,5,9,9,5,7
			];
			for (var i = 1; i <= 6; i++) {
			  var child = document.getElementById('circles-' + i),
			  percentage = numbers[i - 1]*10;
			  Circles.create({
				id: child.id,
				percentage: percentage,
				radius: 80,
				width: 15,
				number: numbers[i - 1],
				text: '★',
				colors: colors[i - 1]
			  });
			}
		  </script>
          <!--/-->
        </div>
      </div>
    </div>
  </div>
  <!------SKILLS Ends--------->
  <!------PORTFOLIO Starts--------->
  <div id="port" class="Portfolio">
    <div class="Portfolio-section text-center">
      <h2>
        <span></span>Project display
        <span></span>
      </h2>
    </div>
    <div class="container">
      <div class="portfolio-grids">
        <div class="portfolio-grid col-md-4">
          <div class="img_div">
			<img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/wsh.png" alt="兰州财经大学微生活">
            	<div class="img_mask" >
               		<h3>
               			This small program is dedicated to bringing more convenient and quick campus life experiences to students of Lanzhou University of Finance and Economics. The number of people using it is 954.<br><br>
               			<a href="https://github.com/yinvoke/lzcjwsh">learn more</a>
               		</h3>
                </div>
            <p>2018-2019</p>
            <p style="margin-top:0.5em">兰州财经大学微生活</p>
          </div>
        </div>
        <div class="portfolio-grid col-md-4">
          <div class="img_div">
			<img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/wlw.png" alt="基于物联网的实时数据采集系统">
            	<div class="img_mask">
               		<h3>
               			Course project, completed real-time data acquisition system based on Internet of Things<br><br>
               			<a href="https://github.com/yinvoke/wlwcoding">learn more</a>
               		</h3>
                </div>
            <p>2018</p>
            <p style="margin-top:0.5em">基于物联网的实时数据采集系统</p>
          </div>
        </div>
        <div class="portfolio-grid col-md-4">
          <div class="img_div">
			<img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/wsh.png" width="100%" height="100%" alt="vmail">
            	<div class="img_mask">
               		<h3>
               			Course design project, this small program can provide convenient mail sending and receiving function<br><br>
               			<a href="https://github.com/yinvoke/vmail_front">learn more</a>
               		</h3>
                </div>
            <p>2019</p>
            <p style="margin-top:0.5em">vmail</p>
          </div>
        </div>
        <div class="clear"> </div>
      </div>

    </div>
  </div>
  </div>
  <!------Content Ends-------->

  <!------FOOTER Starts----------->
  <div id="contact" class="footer">
    <div class="container">

      <div class="contact-section text-center">
        <h2>
          <span></span>Contact Me
          <span></span>
        </h2>
      </div>
      <div class="row">

        <div class="col-md-6">
          <div class="footer-left">
            <div class="social-icons">
              <a href="https://github.com/yinvoke">
                <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/github.png">
              </a>
              <a href="https://blog.csdn.net/qq_40294512">
                <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/csdn.png">
              </a>
              <a href="https://www.jianshu.com/u/83f24c47509e">
                <img src="https://yinvoker-1259232793.cos.ap-chengdu.myqcloud.com/jianshu.png">
              </a>
            </div>
            <p>If you want to know more about my information to click to view my <a href="https://github.com/yinvoke">github</a> / <a href="https://blog.csdn.net/qq_40294512">csdn博客</a> / <a href="https://www.jianshu.com/u/83f24c47509e">简书博客</a> . Of course, send me an email.~</p>
          </div>
        </div>

        <div class="col-md-6">
          <div class="footer-right">
            <div class="form">
              <form action="https://formspree.io/425623934@qq.com" method="post">
                <input type="text" class="text" name="name" placeholder="Your name" >
                <input type="text" class="text" name="_replyto" placeholder="Your E-mail" >
                <textarea name="message" rows="2" cols="70" ></textarea>
                <div class="clear"> </div>
                <input type="submit" value="send" id="btn">
              </form>
            </div>
          </div>
      </div>
    </div>
    <a class="up scroll" href="#top-top">
      <span> </span>
    </a>

  <script type="text/javascript">
	jQuery(document).ready(function($) {
	  $(".scroll").click(function(event){		
		event.preventDefault();
		$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
	  });
	});
  </script>
  </div>

</body>

</html>